اصول حرفه‌ای Responsive Design
یاد می‌گیرید صفحات وب را طوری طراحی کنید که در موبایل، تبلت، لپ‌تاپ و نمایشگرهای مختلف ساختار و تجربه کاربری مناسبی داشته باشند.
آموزش فرانت اند
دوره آموزشی ریسپانسیو دیزاین (flexBox+CssGrid+Sass+BootStrap)
این دوره طراحی ریسپانسیو (واکنشگرا) یک دوره عملی و کاربردی است که به شما کمک می‌کند تا اصول و تکنیک‌های طراحی واکنشگرا را به طور کامل فرا بگیرید. شما در طول این دوره دو پروژه واقعی را به صورت کامل پیاده‌سازی خواهید کرد: طراحی وب‌سایت دیجی‌کالا و فیلیمو با رویکرد ریسپانسیو. این به شما این امکان را می‌دهد تا مفاهیم نظری را به صورت عملی تمرین و به کار ببرید. همچنین پیش‌نیازهایی مانند آشنایی با HTML، CSS و به ویژه SASS برای شرکت در این دوره توصیه می‌شود.
در حال آماده‌سازی ویدیو…
این دوره فصل پنجم دوره صفر تا فول استک می باشد. در صورتی که میخواهید کل دوره صفر تا فول استک رو خریداری کنید اینجا کلیک کنید
وضعیت دوره:
به اتمام رسیده
مدت زمان دوره:
30:00:00
آخرین بروزرسانی:
1403/4/19
روش پشتیبانی
سایت / تلگرام
پیش نیاز:
Html/Css/Sass
نوع مشاهده:
ضبط شده/آنلاین/آفلاین
درصد پیشرفت دوره:
100%
دوره آموزشی ریسپانسیو دیزاین (flexBox+CssGrid+Sass+BootStrap)
راهنمای جامع دوره
شناسنامه و نمای کلی دوره
با یادگیری اصولی و پروژه‌محور مفاهیم این دوره، گامی بلند جهت ارتقای دانش فنی و آماده‌سازی برای بازار کار تخصصی برخواهید داشت. این دوره به همراه پشتیبانی اختصاصی، تمرینات مستمر و آزمون‌های سنجش مهارت ارائه می‌شود.
8
تعداد فصل‌ها
1,644
مدت دوره (دقیقه)
704
تعداد دانشجویان
ضبط شده/آنلاین/آفلاین
سطح علمی دوره
Html/Css/Sass
پیش‌نیازهای شروع
سایت / تلگرام
روش پشتیبانی
100٪
پیشرفت تولید دوره
تکنولوژی‌ها و مهارت‌هایی که یاد می‌گیرید
ابزارها و مهارت‌های کلیدی این دوره برای ساخت پروژه‌های واقعی و ورود حرفه‌ای به بازار کار.
نقشه راه
مسیر یادگیری شما؛ از شروع تا پروژه‌های واقعی
یک مسیر روشن و مرحله‌به‌مرحله برای یادگیری اصولی، ساخت پروژه‌های حرفه‌ای و آمادگی ورود به دنیای واقعی توسعه نرم‌افزار.
طراحی Layout با Flexbox
چیدمان‌های منعطف و حرفه‌ای را با Flexbox می‌سازید و کنترل دقیقی روی جهت، فاصله، اندازه و ترتیب عناصر به دست می‌آورید
طراحی Layoutهای پیشرفته با CSS Grid
از Grid Template و Gap تا Auto-Fit، Minmax و Grid Area را یاد می‌گیرید و Layoutهای پیچیده و قابل توسعه می‌سازید
انتخاب واحدهای مناسب برای طراحی واکنشگرا
با واحدهای Relative، Viewport و اصول انتخاب اندازه مناسب آشنا می‌شوید تا طراحی شما در ابعاد مختلف رفتار قابل پیش‌بینی‌تری داشته باشد.
Media Query و استراتژی Mobile First
نحوه تعریف Breakpointها، نوشتن Media Query و تفاوت رویکردهای Mobile First و Desktop First را به‌صورت عملی یاد می‌گیرید
ریسپانسیو کردن یک پروژه واقعی
بخش‌های مختلف یک پروژه مشابه فیلیمو، از Header و Slider تا Footer، برای Deviceهای مختلف به‌صورت کامل Responsive می‌شوند.
شخصی‌سازی Bootstrap با SASS
رنگ‌ها، فونت‌ها، Spacingها و Mixinهای Bootstrap را با SASS تغییر می‌دهید و Framework را متناسب با Design System پروژه شخصی‌سازی می‌کنید
ساخت پروژه حرفه‌ای مشابه دیجی‌کالا
یک رابط فروشگاهی چندبخشی می‌سازید و Grid، Slider، SASS، Bootstrap و Responsive Design را در یک پروژه واقعی کنار هم به کار می‌گیرید.
آماده‌سازی پروژه برای انتشار
در پایان، خروجی CSS پروژه را Build می‌کنید و با فرآیند قرار دادن پروژه روی Hosting آشنا می‌شوید
سرفصل‌های دوره
فصل‌ها و ویدیوهای دوره آموزشی ریسپانسیو دیزاین (flexBox+CssGrid+Sass+BootStrap)
- 8 فصل
- 149 ویدیو
- 1,644 دقیقه
فصل‌ها را مرور کنید؛ ویدیوهای رایگان بدون خرید و بقیه پس از ثبت‌نام در دوره فعال می‌شوند.
برای دانلود یا تماشای ویدیوها ابتدا دوره را خریداری کنید!
قبلا خریداری کرده اید؟ وارد حساب
کاربری خود شوید
05:03
12:42
06:03
08:18
09:24
09:17
10:25
09:36
07:01
12:06
42
Build:CSS
فرهاد کاظم زاده
برنامه نویس فول استک وب
نزدیک به ده سال است که به صورت تخصصی در حوزه برنامه‌نویسی و توسعه نرم‌افزار فعالیت می‌کنم و در حال حاضر به عنوان TeamLead در گروه نرم افزاری آفام ، منتور چندین شرکت و مدیر پروژه در گروه نرم‌افزاری فرین مشغول به کار هستم. از سال ۱۳۹۸ فعالیت آموزشی خود را در دانشگاه‌ها، موسسات آموزشی و آکادمی‌های استعدادیابی آغاز کرده و در زمینه کشف و پرورش استعدادها تجربه ارزشمندی کسب کرده‌ام. در سال ۱۴۰۲، آکادمی دومایندز (توسعه دهندگان ذهن) را تأسیس کردم تا با هدف ترویج مهارت‌های واقعی بازار کار، دانشجویان را به مهندسین نرم‌افزار توانمند تبدیل کنم؛ افرادی که نه تنها با مفاهیم برنامه‌نویسی آشنا هستند، بلکه درک عمیقی از معماری‌های بزرگ، پیاده‌سازی آن‌ها، مدیریت پرفورمنس و چشم‌اندازی واقعی نسبت به بازار جهانی مهندسی نرم‌افزار دارند.
لطفا برای نوشتن نظرخودتون وارد سیستم شوید اکانت ندارید؟ ثبت نام کنید